/* Switches */

.toggle-switch {
  width: 40px;
  height: 24px;
  background-size: contain;
  background-image: url("assets/toggle-off.svg");

  &:checked {
    background-image: url("assets/toggle-on.svg");
    background-color: transparent;

    &:hover {
      background-color: transparent;
    }

    .handle {
      background-color: transparent;
    }
  }

  .popup-menu-item.selected & {
    background-image: url("assets/toggle-off.svg");

    &:checked { background-image: url("assets/toggle-on.svg"); }
  }

  .handle {
    margin: 0;
    background: none;
    box-shadow: none;
  }
}
